<template>
  <div class="login">
    <my-head title="登录">
      <Back></Back>
    </my-head>
    <div class="login-box">
      <div class="nav">
        <van-tabs
          v-model="activeName"
          color="#ee0a24"
          title-active-color="#ee0a24"
          sticky
        >
          <van-tab title="账号登录" name="account">
            <LoginByAccount />
          </van-tab>
          <van-tab title="手机登录" name="phone">
            <LoginByPhone />
          </van-tab>
        </van-tabs>
      </div>
    </div>
  </div>
</template>

<script>
import LoginByAccount from "./LoginByAccount.vue";
import LoginByPhone from "./LoginByPhone.vue";

export default {
  data() {
    return {
      activeName: "account",
    };
  },
  components: { LoginByAccount, LoginByPhone },
};
</script>
